<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<c:set var="ctx" value="${pageContext.request.contextPath}" />
<script type="text/javascript" src="${ctx}/js/system/consoleuser/edit.js"></script>
<div class="u_i_modul clearfix">
	<div class="u_i_title pull-left">
		<div>
			<div class="head">
				<img src="${ctx}/notebook/notebook_files/avatar.jpg">
				<a class="Avatar" href="javascrip:;">修改头像</a>
			</div>
			<div class="name">李长安</div>
			<!--<div class="u_i_remark">这人很懒什么都没有留下~~</div>-->
		</div>
		<div class="list">
			<ul>
				<li class="active"><a href="javascript:;"><span class="vertical"></span><span class="name">详细资料</span></a></li>
			</ul>
		</div>
	</div>
 	<div class="u_i_area pull-left">
<%-- 		<div class="type clearfix">
			<div class="pull-left">
				<span>用户头像</span>
			</div>
			<div class="pull-left head">
				<img src="${ctx}/notebook/notebook_files/avatar.jpg">
				<a href="javascript:;" class="btn" title="修改头像">修改头像</a>
			</div>
		</div> --%>
		<div class="type clearfix">
			<div class="pull-left">
				<span>姓名：</span>
			</div>
			<div class="pull-left">
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>手机号：</span>
			</div>
			<div class="pull-left">
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>部门：</span>
			</div>
			<div class="pull-left">
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>职位：</span>
			</div>
			<div class="pull-left">
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>邮箱：</span>
			</div>
			<div class="pull-left" >
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>地址：</span>
			</div>
			<div class="pull-left">
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>身份证号：</span>
			</div>
			<div class="pull-left" >
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>学历：</span>
			</div>
			<div class="pull-left" >
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>微信：</span>
			</div>
			<div class="pull-left" >
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>QQ：</span>
			</div>
			<div class="pull-left" >
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
		<div class="type clearfix">
			<div class="pull-left">
				<span>婚姻状况：</span>
			</div>
			<div class="pull-left matter" >
				<span class="text">暂无</span>
				<input type="text" class="form-control import" value="" >
			</div>
			<a class='fa fa-pencil' href="javascript:;"></a>
		</div>
	</div>
</div>
<script>
	$(".fa-pencil").on("click",function(){
		$(this).siblings(".matter").find(".import").show().siblings(".text").hide();
		
	})

</script>
